doctype html
html
    head
        meta(charset='utf-8')
        // 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；
        meta(content='yes', name='apple-mobile-web-app-capable')
        // 全屏显示
        meta(name='apple-touch-fullscreen', content='yes')
        // 不要让设备识别电话号码和邮箱地址
        meta(content='telephone=no,email=no', name='format-detection')
        meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0')
        // DNS预解析
        meta(http-equiv='x-dns-prefetch-control', content='on')
        link(href="/carpayH5/resources/css/common/reset.css", rel="stylesheet")
        link(href="/carpayH5/resources/css/common/common.css", rel="stylesheet")
        link(href="/carpayH5/resources/css/check/check.css", rel="stylesheet")
        title
    body
      div.outer
        div.inner#wrapper
           ul.topnav.h_box
             li.current(data-type="total") 全部
             li(data-type="recharge") 充值
             li(data-type="trade") 消费
           //全部记录
           div.total-record
              dl
                dt 2016-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
              dl
                dt 2016-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
              dl
                dt 2016-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
              dl
                dt 2016-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
              dl
                dt 2016-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
           //充值记录
           div.recharge-record.dps-n
              dl
                dt 2015-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
              dl
                dt 2016-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.yellow +500.00
                     label.status 成功
           //消费记录
           div.trade-record.dps-n
              dl
                dt 2014-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
              dl
                dt 2016-6
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
                dd
                  div.h_box.flex_pjustify
                     label.time 6-20
                     label.type 银联充值
                     label.way 余额账户
                     label.num.red -488.00
                     label.status 成功
           //当前查询无记录
           div.record.text-c.dps-n
              i.icon-record
              p.record-text 当前查询无记录  
           //查询中
           div.record.text-c.dps-n
              i.icon-query
              p.record-text 查询中...
        script(src="http://s1.cximg.com/cxlib/assets/js/zepto/zepto-1.1.4.min.js", type="text/javascript")
        script(src="http://s1.cximg.com/cxlib/assets/js/zepto/touch.min.js", type="text/javascript")
        script(src="/carpayH5/resources/js/remset.js", type="text/javascript")
        script(src="/carpayH5/resources/js/dropload.js", type="text/javascript")
        script(src="/carpayH5/resources/js/trade-query.js", type="text/javascript")
